<div class="subB clTxt1 fs05 clBg4">
                                <div class="wrpSubB mainSB">
                                    <div class="ttlB cutTxt">Activity Manager</div>
                                    <button class="btnGen clTxtW cutTxt clBgBt1 fs04">View Site</button>
                                </div>
                      
<div class="wrpInBe" id="feature1">
                                       <div class="ctnBe clBg4 clBd2 bdFull imagedatareward">

<div class="wrprGameMn">
    <div class="wrpTgHdGen clBd2 bdBtm clTxt2 fs04">
        <span class="tgHdGen tgCl clBd2 bdR clSp2" onclick="changetabdata('wrprCreateReward')">Create Reward</span>
        <span class="tgHdGen tgCl clBd2 bdR" onclick="changetabdata('wrprRewardList')">Reward Lists</span>
        <span class="tgHdGen tgCl clBd2 " onclick="changetabdata('wrprPlayerAct')">Players</span>
    </div>
    <div class="wrpActMn wrpGameMn fs04">
        <!-- Create Reward -->
        <form name="formpact" id="formpact">
        <div class="wrpInActMn wrprCreateReward">
            <div class="actMn">
                <div class="bdGameMn">
                    <div class="bdAddGameMn">
                        <div class="bdInAddGameMn clearfix">
                            <div class="inpGameMn">
                                <div class="wrpInpGameMn bdgeNmGm clearfix">
                                    <span class="spnGmMn">Title</span>
                                    <div class="inpGmMn">
                                        <input type="text" name="title" class="inpTxtGameMn clBg5 clBd2 fs03 clTxt2">
                                    </div>
                                </div>
                                <div class="wrpInpGameMn bdgeDes clearfix">
                                    <span class="spnGmMn">Description</span>
                                    <div class="inpGmMn">
                                        <textarea  name="description" class="inpTxtGameMn clBg5 clBd2 fs03 clTxt2" type="text"></textarea>
                                    </div>
                                </div>
                                <div class="wrpInpGameMn bdgeNum clearfix">
                                    <span class="spnGmMn">Start Date</span>
                                    <div class="inpGmMn">
                                        <input type="text" name="startdate" class="inpTxtGameMn clBg5 clBd2 fs03 clTxt2">
                                    </div>
                                </div>
                                <div class="wrpInpGameMn bdgeNum clearfix">
                                    <span class="spnGmMn">End Date</span>
                                    <div class="inpGmMn">
                                        <input type="text" name="enddate" class="inpTxtGameMn clBg5 clBd2 fs03 clTxt2">
                                    </div>
                                </div>
                                <div class="wrpInpGameMn bdgeNum clearfix">
                                    <span class="spnGmMn">Total Amount (pieces)</span>
                                    <div class="inpGmMn">
                                        <input type="text" name="totalamount" class="inpTxtGameMn clBg5 clBd2 fs03 clTxt2">
                                    </div>
                                </div>
                                <div class="wrpInpGameMn bdgeNum clearfix">
                                    <span class="spnGmMn">Amount per Day (pieces)</span>
                                    <div class="inpGmMn">
                                        <input type="text" name="perday" class="inpTxtGameMn clBg5 clBd2 fs03 clTxt2">
                                    </div>
                                </div>
                                <div class="wrpInpGameMn bdg imagedatarewardeAct clearfix" >
                                    <span class="spnGmMn">Reward Image</span>
                                    <div class="wrpBdgeGmMn">
                                        <div class="imgBdgeGm clBd2 clBg4 bdFull"></div>
                                        <div class="addTnTl clBd2 bdBtm">
                                            <div title="Browse" class="btnIco addImgTl clBd3 bdBtm uploadbutton">
                                                <span class="ico icoAddImgTl"></span>
                                                <div class="wrpUlFile">
                                                    <!--<input type="file" class="ulFile">-->
                                                </div>
                                            </div>
                                            <div title="Cloud" class="btnIco addCldTl clBd3 bdBtm cloudbutton">
                                                <span class="ico icoAddCldTl"></span>
                                            </div>
                                            <div title="Link" class="btnIco addLnkTl clBd3 bdBtm linkbutton">
                                                <span class="ico icoAddLnkTl"></span>
                                            </div>
                                            <div title="Remove" class="btnIco btnRmvTl deletebutton">
                                                <span class="ico icoRmvTl"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="btnActMn clearfix">
                            <button onclick="saveactivitydatacenter()" type="button" class="btnGen clTxtW cutTxt clBgSp2 fs04">Save</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </form>
        <!-- Reward Lists -->
        <div class="wrpInActMn wrprRewardList" style="display: none;">
            <div class="actMn">
                <div class="bdGameMnPlyer clearfix">
                    <div class="wrprPlyerLst">
                        <div class="hdPlyerLst">
                            <div class="plyerLst clBd2 bdBtm clearfix">
                                <div class="ordAct">
                                    <span class="boldGen">No.</span>
                                </div>
                                <div class="nmeReward">
                                    <span class="boldGen">Reward</span>
                                </div>
                                <div class="dateAct">
                                    <span class="boldGen">Start Date</span>
                                </div>
                                <div class="dateAct">
                                    <span class="boldGen">End Date</span>
                                </div>
                                <div class="viewAct"></div>
                            </div>
                        </div>
                        <div class="bdPlyerLst" >
                          <!--
                            <div class="plyerLst clBd2 bdBtm clearfix">
                                <div class="ordAct clearfix">
                                    <span>1.</span>
                                </div>
                                <div class="nmeReward clearfix">
                                    <span class="cutTxt">Reward Title</span>
                                </div>
                                <div class="dateAct clearfix">
                                    <span>10/10/2014</span>
                                </div>
                                <div class="dateAct clearfix">
                                    <span>20/10/2014</span>
                                </div>
                                <div class="btnActLst">
                                    <button class="btnViewAct clTxtW clBgSp2 fs04">View</button>
                                    <button class="btnEditAct clTxtW clBgBt1 fs04">Edit</button>
                                    <button class="btnDelAct clTxtW clBgBt1 fs04">Delete</button>
                                </div>
                            </div>
                            <div class="plyerLst clBd2 bdBtm clearfix">
                                <div class="ordAct clearfix">
                                    <span>2.</span>
                                </div>
                                <div class="nmeReward clearfix">
                                    <span class="cutTxt">Reward Title Reward Title Reward Title Reward Title Reward Title</span>
                                </div>
                                <div class="dateAct clearfix">
                                    <span>10/10/2014</span>
                                </div>
                                <div class="dateAct clearfix">
                                    <span>20/10/2014</span>
                                </div>
                                <div class="btnActLst">
                                    <button class="btnViewAct clTxtW clBgSp2 fs04">View</button>
                                    <button class="btnEditAct clTxtW clBgBt1 fs04">Edit</button>
                                    <button class="btnDelAct clTxtW clBgBt1 fs04">Delete</button>
                                </div>
                            </div>
                            
                                         -->
                        </div>
                    </div>
                    
                    
                    
                    
                    <div class="pgActGame"></div>
                    <!-- page nav here -->
                </div>
            </div>
        </div>

        <!-- Players -->
        <div class="wrpInActMn wrprPlayerAct" style="display: none;">
            <div class="actMn">
                <div class="bdGameMnPlyer clearfix">
                    <div class="wrprPlyerLst">
                        <div class="hdPlyerLst">
                            <div class="plyerLst clBd2 bdBtm clearfix">
                                <div class="ordAct">
                                    <span class="boldGen">No.</span>
                                </div>
                                <div class="dateAct">
                                    <span class="boldGen">Date</span>
                                </div>
                                <div class="playerAct">
                                    <span class="boldGen">Player</span>
                                </div>
                                <div class="RewardPlayerAct">
                                    <span class="boldGen">Reward</span>
                                </div>
                            </div>
                        </div>
                        
                        <div class="bdPlyerLst" >
                        
                        </div>
                      <!--  
                        <div class="bdPlyerLst">
                            <div class="plyerLst clBd2 bdBtm clearfix">
                                <div class="ordAct clearfix">
                                    <span>1.</span>
                                </div>
                                <div class="dateAct clearfix">
                                    <span>20/10/2014</span>
                                </div>
                                <div class="playerAct clearfix">
                                    <a class="clearfix" href="">
                                        <img width="24" height="24" alt="img" src="img/dfthmbuser.jpg" class="genImgUser">
                                        <span class="cutTxt">Player Name</span>
                                    </a>
                                </div>
                                <div class="RewardPlayerAct clearfix">
                                    <span>Reward Title</span>
                                </div>
                            </div>
                        </div>
                        <div class="bdPlyerLst">
                            <div class="plyerLst clBd2 bdBtm clearfix">
                                <div class="ordAct clearfix">
                                    <span>2.</span>
                                </div>
                                <div class="dateAct clearfix">
                                    <span>20/10/2014</span>
                                </div>
                                <div class="playerAct clearfix">
                                    <a class="clearfix" href="">
                                        <img width="24" height="24" alt="img" src="img/dfthmbuser.jpg" class="genImgUser">
                                        <span class="cutTxt">Player Name Player Name Player Name</span>
                                    </a>
                                </div>
                                <div class="RewardPlayerAct clearfix">
                                    <span>Reward Title Reward Title Reward Title Reward Title</span>
                                </div>
                            </div>
                        </div>
                        -->
                        
                    </div>
                    
                    <div class="pgActGame2"></div>
                    <!-- page nav here -->
                </div>
            </div>
        </div>
    </div>
</div>





 


</div>



 <div class="ovlPopGen wrpAddActReward" style="display: none;">
     <div class="popGen posPop">
         <!-- Top Bar -->
         <div class="topGen clBd2 bdBtm">
             <div class="wrpTtlGen">
                 <h1 class="ttlGen clTxt2 fs05">Edit Reward</h1>
             </div>
             <div class="btnIco closeGen" onclick="$('.wrpAddActReward').fadeOut()">
                 <span class="ico icoCloseGen"></span>
             </div>
             <div class="topBgGen clBg3"></div>
         </div>
         <!-- Body -->
         <div class="bodyGen clBg3">
             <div class="bodyOutGen">
                <div class="bodyInGen">
                     <div class="bodyAddAct clBg4 clBd2 bdFull">
                         <form class="wrpFrmGen" id="formpactedit" >
                             <fieldset class="wrpFrmAddAct">
                                 <div class="wrpOutImgAddAct">
                                     <div class="wrpTtlImgAddAct">
                                         <h2 class="ttlImgAddAct clTxt2 fs03">Reward Image</h2>
                                     </div>
                                     <div class="wrpImgAddAct imagedatarewardeAct2">
                                         <div class="imgAddAct imgBdgeGm clBg5 clBd2 bdFull">
                                             <img width="150" height="150" alt="img" src="img/dfthmbcell.jpg" class="imgTn">
                                         </div>
                                         <div class="addTnTl clBd2 bdBtm">
                                             <div title="Browse" class="btnIco addImgTl clBd3 bdBtm uploadbutton">
                                                 <span class="ico icoAddImgTl"></span>
                                                 <div class="wrpUlFile">
                                                    <!-- <input type="file" class="ulFile">-->
                                                 </div>
                                             </div>
                                             <div title="Cloud" class="btnIco addCldTl clBd3 bdBtm cloudbutton">
                                                 <span class="ico icoAddCldTl"></span>
                                             </div>
                                             <div title="Link" class="btnIco addLnkTl clBd3 bdBtm linkbutton">
                                                 <span class="ico icoAddLnkTl"></span>
                                             </div>
                                             <div title="Remove" class="btnIco btnRmvTl deletebutton">
                                                 <span class="ico icoRmvTl"></span>
                                             </div>
                                         </div>
                                     </div>
                                 </div>
                                 <div class="wrpInfoAddAct">
                                     <div class="wrpInpTtlAddAct">
                                         <label class="lbInpAddAct fs03 clTxt2">Title</label><br>
                                         <input type="text" name="title" value="Reward Title" class="inpTtlAddAct clBg5 clTxt3 fs01">
                                         <input type="hidden" name="rewardid" value="Reward Title">
                                     </div>
                                     <div class="wrpInpDesAddAct">
                                         <label class="lbInpAddAct fs03 clTxt2">Description</label><br>
                                         <textarea name="description" class="inpDesAddAct clBg5 clTxt3 fs01">Reward Description</textarea>
                                     </div>
                                     <div class="wrpInpEditRewardMn">
                                         <label class="lbInpAddAct fs03 clTxt2">Start Date</label><br>
                                         <input type="text" name="startdate" value="" class="inpEditRewardMn clBg5 clTxt3 fs01">
                                     </div>
                                     <div class="wrpInpEditRewardMn">
                                         <label class="lbInpAddAct fs03 clTxt2">End Date</label><br>
                                         <input type="text" name="enddate" value="" class="inpEditRewardMn clBg5 clTxt3 fs01">
                                     </div>
                                     <div class="wrpInpEditRewardMn">
                                         <label class="lbInpAddAct fs03 clTxt2">Total Amount (pieces)</label><br>
                                         <input type="text" name="totalamount" value="" class="inpEditRewardMn clBg5 clTxt3 fs01">
                                     </div>
                                     <div class="wrpInpEditRewardMn">
                                         <label class="lbInpAddAct fs03 clTxt2">Amount per Day (pieces)</label><br>
                                         <input type="text" name="perday" value="" class="inpEditRewardMn clBg5 clTxt3 fs01">
                                     </div>
                                 </div>
                             </fieldset>
                         </form>
                     </div>
                     <div class="wrpBtnExpnPop">
                         <input type="button" onclick="$('.wrpAddActReward').fadeOut()" value="Cancel" class="btnGen btnCncl clTxtW cutTxt clBgBt1 fs04">
                         <input type="button" onclick="editactivitydatacenter()" value="OK" class="btnGen clTxtW cutTxt clBgSp2 fs04">
                     </div>  
                 </div>                              
             </div>
         </div>
     </div>
 </div>
                           </div>